import React from "react";
import Scroll from "../../../baseUI/scroll";
import TimeBack1 from '../../../common/timeBack1/TimeBack'
import './Classify.css'

const Classify = (props) => {
    const { classify } = props;
    return (
        <div className="class-body">
            <div className="class-container">
                <div className="class_wrapper">
                    <TimeBack1 />
                    <Scroll
                        direction={"horizental"}
                        refresh={true}
                    >
                        <div className="classify">
                            {
                                classify.map((item, index) => {
                                    return (
                                        <div className="class-item" key={index}>
                                            <img src={item.img} />
                                            <div className="class-title">{item.title}</div>
                                            <div className="class-price">{item.price}</div>
                                            <div className="class-mark">{item.mark}</div>
                                        </div>
                                    )
                                })
                            }
                        </div>
                    </Scroll>
                </div>
            </div>
        </div>
    )
}

export default Classify